<template>
    <div class="echarts-view-wrap">
        <el-row type="flex" justify="space-between">
            <el-col :span="12" class="pic-one">
                <!-- 图1 -->
                <div class="echarts-pic "></div>
            </el-col>
            <el-col :span="12">
                <!-- 图2 -->
                <div class="echarts-pic"></div>
            </el-col>
        </el-row>
        <el-row>
            <el-form :model="seleForm" inline size="mini">
                <el-form-item prop="name1" label="数据1">
                    <el-input v-model="seleForm.name1"></el-input>
                </el-form-item>
                <el-form-item prop="name2" label="数据2">
                    <el-input v-model="seleForm.name2"></el-input>
                </el-form-item>
                <el-form-item prop="name3" label="数据3">
                    <el-input v-model="seleForm.name3"></el-input>
                </el-form-item>
                <el-form-item prop="name4" label="数据4">
                    <el-input v-model="seleForm.name4"></el-input>
                </el-form-item>
                <el-form-item prop="name5" label="数据5">
                    <el-input v-model="seleForm.name5"></el-input>
                </el-form-item>
                <el-form-item >
                    <el-button type="primary" @click="submitForm">预测</el-button>
                </el-form-item>
            </el-form>
        </el-row>
    </div>
</template>

<script>
export default {
    data(){
        return {
            seleForm: {
                name1: "",
                name2: "",
                name3: "",
                name4: "",
                name5: "",
            }
        }
    },
    methods: {
        /** 点击预测 */
        submitForm(){
            
        }
    }
}
</script>

<style scoped>
.echarts-view-wrap{
    margin-top: 20px;
}
.pic-one{
    margin-right: 10px;
}
.echarts-pic{
    margin-bottom: 20px;
    width: 100%;
    height: 300px;
    background: #d8d8d8;
}
</style>